<template>
	<div class="prompt">
		<div class="box">
			<view>ئۈستىگە سىيرىپ فىلىم ئالماشتۇرۇپ كۈرۈڭ</view>
			<view @click="quxanqa" class="btn">بىلدىم</view>
		</div>
	</div>
</template>

<script>
	export default {
		methods: {
			quxanqa() {
				this.$emit('setIsRead', true)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.prompt {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .6);
		z-index: 6;

		.box {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: max-content;
			height: max-content;
			color: #fff;
			direction: rtl;

			.btn {
				border: 1px solid rgba(255, 255, 255, 0.233);
				background-color: rgba(240, 248, 255, 0.377);
				height: 40px;
				display: flex;
				width: 80%;
				justify-content: center;
				align-items: center;
				border-radius: 20px;
				margin: 20px auto;
				font-size: 14px;
			}
		}
	}
</style>